/* TV */
@media (min-width: 1800px) {
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	}
	#screen_size {
		background-color: green;
	}
	body {
		margin-top: 60px;
		margin-left: 20px;
	}
	.container {
		width: 800px;
	}
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 890px;
	}
	.page-header {
		font-size: 40px;
	}
	
	#connect {
		line-height: 30px;
		margin: 0 0 30px;
	}
	
	
}

/* Large desktop */
@media (min-width: 1200px) and (max-width: 1799px) {
	.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
	}
	#screen_size {
		background-color: red;
	}
	body {
		margin-top: 60px;
		margin-left: 20px;
	}
	.container {
		width: 800px;
	}
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 890px;
	}
	.page-header {
		font-size: 40px;
	}
	#connect {
		line-height: 30px;
		margin: 0 0 30px;
	}
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {
	#screen_size {
		background-color: orange;
	}
	body {
		margin-top: 60px;
		margin-left: 20px;
	}
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 860px;
	}
	.navbar .nav > li > a {
		padding: 10px 10px 10px;
	}
	body {
		font-size: 13px;
	}
	.page-header {
		font-size: 35px;
	}
	
	#connect {
		line-height: 30px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	#screen_size {
		background-color: yellow;
	}
	.page-header {
		font-size: 30px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#screen_size {
		background-color: green;
	}
	.page-header {
		font-size: 25px;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	#screen_size {
		background-color: blue;
	}
	.page-header {
		font-size: 20px;
	}
}
